@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
* { 
margin: 0; 
padding: 0; 
box-sizing: border-box; 
} 

body{
max-width: 100%; 
font-family: "Karla", serif;
font-optical-sizing: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #2c3e50;
background-color: #fefefe;
}


.logo{
height: 80px;
}

.btn-1{
background-color: #007fc7;
color: #fff;
border-radius: 0px;
padding: 10px;
border: solid 3px #007fc7;
}

.btn-1:hover{
border: solid 3px #007fc7;
color: #007fc7;
background-color: transparent;
}


nav .navbar-nav li a{
transition: 0.4s;
color: #5c5c5c !important;
font-weight: bold;
text-transform: uppercase;
}


nav .navbar-nav li a:hover{
color: #007fc7  !important;
}

.header-design{
margin-top: 0;
padding-top: 0px;
background-color: #fff;
margin-bottom: 0px;
padding-bottom: 0px;
}

.social-btn{
background-color: #007fc7;
color: #fff;
border-radius: 0;
}

.color-1{
color: #007fc7;
}

.blog-btn{
color: #fff;
text-decoration: none;
background-color: rgba(255, 255, 255, 0.1);
padding: 10px;
transition: 0.4s;
}

.blog:hover .blog-btn{
background-color: #007fc7;
}


.contact-section{
background-color: #f4f4f4;
padding: 30px;
transition: 0.4s;
}


.contact-section:hover{
background-color: #0b344c;
color: #fff;
cursor: pointer;
}

.contact-section label{
background-color: #fff;
padding: 10px;
border-radius: 50%;
transition: 0.4s;
}

.contact-section:hover label{
background-color: #007fc7;
color: #fff;
}  




/* Responsive CSS Here */
@media screen and (min-width: 950px) { 


.zoom-background {
width: 100%;
animation: zoomInOut 16s infinite;
}

@keyframes zoomInOut {
0% {
background-size: 100%;
}
50% {
background-size: 110%; /* Adjust the zoom level */
}
100% {
background-size: 100%;
}
}


}






/* Responsive CSS Here */
@media screen and (max-width: 950px) { 

.hide-me{
    display: none;
}

}